@charset "utf-8";
/*------------// Overall //------------------*/
body{font:12px/180% Arial,Helvetica,Verdana;color:#5a5a5a; margin:0; background:#FFF;}
body,ul,li,p,a,div,span,td,th,button,dl,dt,dd{list-style:none; font-size:12px; padding:0px; margin:0px;  margin:0px; padding:px;}
body.login{ background:url(images/login_bgx.gif);}

.r-login{} 
.r-login .area{margin:0px 150px 0px 150px;}
.r-login  .area .logo{ margin:10px 0px 20px 0px; height:60px; background:url(images/zhongpan_logo.png) 0px 0px no-repeat}
.r-login  .area .tit{ padding:0px 0px 10px 0px; color:#777; font-family:"microsoft yahei"; font-size:24px; }
.r-login  .area .login{ background-color:#FFF; border:8px solid #e9e9e9;}
.r-login  .area .login .pic{ float:left; height:400px; width:500px; background:url(images/login_book.jpg) 0px 0px no-repeat }
.r-login  .area .login .form{ float:left; height:400px; width:350px; padding:0px 0px 0px 50px;}
.r-login  .area .login .form .tit{ padding:15px 0px 10px 0px; font-size:16px; color:#333; font-family:"Microsoft Yahei"}
.r-login  .area .login .form .msg{height:28px;}
.r-login  .area .login .form .msg .error{ display:block; padding:5px 0px 5px 8px;width:294px; border: 1px solid #e4393c; color:#e4393c; background: #ffebeb;}
.r-login  .area .login .form .msg .error b{display:block; height:16px; width:16px; background:url("images/icon-error.png") no-repeat; float: left; margin: 0px 8px 0px 0px;}
.r-login  .area .login .form dt{ display:block; padding:20px 0px 5px 0px; color:#999}
.r-login  .area .login .form dt.loginname{padding:5px 0px 5px 0px;}
.r-login  .area .login .form dd{ display:block; padding:0px; margin:0px;}
.r-login  .area .login .form dd input{ border:1px solid #aaa; height:30px; width:300px; padding:0px 2px 0px 2px;}
.r-login  .area .login .form .setting{ padding:10px 0px 10px 0px; color:#333}
.r-login  .area .login .form .setting input[type='checkbox']{ display:block; float:left;}
.r-login  .area .login .form .setting span{ display:block; float:left; padding:2px 0px 0px 0px; }
.r-login  .area .login .form .setting a{ color:#039;display:block; float:left;padding:2px 0px 0px 20px;}
.r-login  .area .login .form .buts{ padding:10px 0px 10px 0px;}
.r-login  .area .login .form .buts a{ display:block; height:15px; width:310px; background:#104E8B; color:#FFF; padding:10px 0px 10px 0px; text-align:center}
.r-login  .area .login .form .buts a:hover { text-decoration:none; background:#1874CD; }

/**main.css**/
p{ display:block}
a{ text-decoration:none}
.fl{float:left}
.fr{float:right}
.dn{ display:none}
.cl{clear:left}
.cb{clear:both}
.clearfix{ clear:both}
.clr{ display:block; overflow:hidden; clear:both;}
.container{width:1220px;margin:0px auto 0px auto;}

.r-footer{}
.r-footer .describe{ color:#666; text-align:center;}

/*******************************新登陆页面*************************************/

form .form-group .col-sm-7 .error{ display:block; padding:5px 0px 5px 8px;width:245px;height: 30px; border: 1px solid #e4393c; color:#e4393c; background: #ffebeb;}
form .form-group .col-sm-7 .error b{display:block; height:16px; width:16px; background:url("images/icon-error.png") no-repeat; float: left; margin: 0px 8px 0px 0px;}
form .form-group .col-sm-7 .error #detailMsg{float: left}
